<template>
	<view class="wrap">
		<quik-order-item v-for="(item,index) in orderList" :key="index" :order="item" @itemClick="itemClick"></quik-order-item>
	</view>
</template>

<script>
	import quikOrderItem from './quik-order-item.vue'
	export default{
		components:{
			quikOrderItem
		},
		data(){
			return{
				orderList:[
					{
						orderNo:2021061702,
						deviceName:'设备A234',
						deviceMac:'CH-23-SS-98-GT',
						deviceFault:'线路老化'
					},
					{
						orderNo:2021061702,
						deviceName:'设备A234',
						deviceMac:'CH-23-SS-98-GT',
						deviceFault:'线路老化'
					},
					{
						orderNo:2021061702,
						deviceName:'设备A234',
						deviceMac:'CH-23-SS-98-GT',
						deviceFault:'线路老化'
					},
					{
						orderNo:2021061702,
						deviceName:'设备A234',
						deviceMac:'CH-23-SS-98-GT',
						deviceFault:'线路老化'
					},
					{
						orderNo:2021061702,
						deviceName:'设备A234',
						deviceMac:'CH-23-SS-98-GT',
						deviceFault:'线路老化'
					},
				]
			}
		},
		methods:{
			itemClick(){
				this.$u.route('/pages/quikWorkSheet/quikSheetDetail/index')
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrap{
		display: flex;
		flex-direction: column;
	}
</style>
